<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="js/AIRAliases.js" type="text/javascript"></script>
  <script src="js/jquery-1.4.4.min.js"></script>
  <script type="text/javascript" src="js/jquery.validate.js"></script>
  <script type="text/javascript" src="js/jquery-ui-1.8.7.custom.min.js"></script>
  <link type="text/css" href="css/redmond/jquery-ui-1.8.13.custom.css" rel="stylesheet" />	
  <link rel="stylesheet" type="text/css" media="all" href="css/style.css" />
  <link href="css/SprySlidingPanels.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="js/sprypanels.js"></script>
  
  <script type="application/x-shockwave-flash" src="NativeApplicationUpdater.swf"></script>
  <script type="text/javascript" src="js/openpcr.js"></script>
  <script type="text/javascript" src="js/first_run.js"></script>
  <!--<script type="text/javascript" src="js/openpcr_update.js"></script>
  <script src="applicationupdater_ui.swf" type="application/x-shockwave-flash" />-->
 
  <style type="text/css">
hr, .clearAll {
	clear: both;
}

#example2.SlidingPanels {
	float: left;
}
#example2 .SlidingPanelsContentGroup {
	float: left;
	width: 10000px;
}
#example2 .SlidingPanelsContent {
	float: left;
	width: 500px;
}
</style>

</head>
<body OnKeyPress="return disableEnterKey(event)" onload="init()" >
<div id="content" role="main">
	<div id="example2" class="SlidingPanels">
	<div class="SlidingPanelsContentGroup">
	
	<!-- PANEL 1: Home Screen -->
		<div id="ex1_p1" class="SlidingPanelsContent p1">
			<div id="homeHeader" class="Header">OpenPCR</div>
			<br />
			<!-- Create a new blank experiment -->
			<a href="#" onclick="newExperiment()"><img src="images/new.png" style="vertical-align:middle;" ><span class="home_title">Add a new experiment</span></a>
			<br /><br /><br />

			<!-- Rerun an experiment -->
			<a href="#" onclick="listSubmit()"><img src="images/rerun.png" style="vertical-align:middle;"><span class="home_title">Re-run an experiment</span></a>
			<div id="reRun" align="right"></div>
		
			<a class="small_button" id="About">About this app</a>   <a class="small_button" id="Settings">Adjust the screen contrast</a><br /><br /> <br /> 
		</div>
	<!-- END PANEL 1 -->
	
	<!-- PANEL 2: Experiment Screen -->
			<div id="ex2_p2" class="SlidingPanelsContent p2">
				<form class="cmxform" id="pcrForm" method="get" action="">
				<div class="openpcr-form-div"> 
				
				<div class="Header"><a id="deleteButton" href="#"><img src="images/delete.png" height="30"></a> <span id="ExperimentName"></span> <a id="editButton" class="small_button">Edit</a></div>
				
				<!--<a id="singleTemp" class="edit small_button" href="#">Heat Block mode</a>-->
				
				<div id="lidContainer" style="display:none;">
					<div id="lidTemp"></div>
					</div>
				<div id="preContainer" style="display:none;">
					<div id="preSteps"></div>
					<a id="initialStep" class="edit" onclick="addInitialStep();" href="#"><img src="images/plus.png" height="30"> Initial Step</a>
					</div>
				<div id="cycleContainer" style="display:none;">
					<div id="cycleSteps"></div>
					<a id="addStepButton" class="edit" style="display:none;">
						<span><img src="images/plus.png" height="30"> Step</span>
					</a>
					</div>
				<div id="postContainer" style="display:none;">
					<div id="postSteps"></div>
					<a id="finalStep" class="edit" onclick="addFinalStep();" href="#"><img src="images/plus.png" height="30"> Final Step</a>
					</div>
				<div id="holdContainer" style="display:none;">
					<div id="holdSteps"></div>
					</div>
				</form>
					</div>
					<a id="OptionsButton" class="small_button options_button">More options</a>
				<a id="Start" type="submit" class="start button"><span>Start</span></a>
				<a id="Unplugged" class="unplugged button"><span>Plug in OpenPCR to Start</span></a>
				<a id="Save" type="" class="save button"><span>Save Preset</span></a>
				<a id="SaveEdits" type="submit" class="saveEdits button"><span>Save Edits</span></a>
				<a id="Cancel" class="cancel button"><span>Cancel</span></a>
			<div class="newline">
				<a id="Home" class="small_button home_button"><img src="images/left_arrow.png"> Home</a>
			</div>
		</div>
		<!-- save-dialog -->
				<div id="save_form" title="Save">
					<form onSubmit="$('#Start').click()">
						<fieldset>
							<label for="name">Name your experiment</label>
							<input type="text" name="name" id="name" maxlength="20" class="required text ui-widget-content ui-corner-all" />
						</fieldset>
					</form>
				</div>
				<!-- save_confirmation_dialog -->
			<div id="save_confirmation_dialog" title="Saved">
				Experiment saved!<br />
			</div>
			<!-- delete_dialog -->
			<div id="delete_dialog" title="Delete">
				Delete Experiment?<br />
			</div>
			<div id="delete_confirmation_dialog" title="Deleted">
				Deleted!<br />
			</div>
	<!-- END PANEL 2 -->
	
	<!-- PANEL 3: Running Screen
	This page is opened when OpenPCR is in "Running" mode -->
		<div id="ex2_p3" class="SlidingPanelsContent p3">
		
			<div id="running_header" role="main">
				<div id="runningHeader" class="Header"></div>
				
				<div id="runningPluggedIn">
					<!-- Progress -->
					<br /><br /><span id="timeRemaining">Time remaining:</span><br />
					<div id="minutesRemaining"></div>
					<div id="progressbar"></div>
					<br />
					<br />
					<!-- Status -->
					<div id="runningStats">
						<table id="statsTable">
							<tr>
								<td width="50%">
								<span class="runningHeaders">Status</span><br /><br />
								<span class="runningNums">
									<div id="cycleNumOfNum">Cycle <span id="cycleNumber"></span> of <span id="totalCycles"></span><br /></div>
									<!--<span id="currentStep"></span><span id="stepRemaining"> for <span id="stepSecondsRemaining"></span> sec<br /></span>-->
								</span>
								</td>
								
								<td>
								<span class="runningHeaders">Current Temperature</span><br /><br />
								<span class="runningNums">
									Block: <span id="blockTemp"></span> C <br />
									Lid: <span id="lidTemperature"></span> C
								</td>
							</tr>
						</table>
						<br /><div id="cancelButton"><a href="#" id="stop_link" class="stop small_button">Stop</a></div><br />
				</div>
				</div>
				<div id="runningUnplugged" class="unplugged">
				<br /><br />
				Your OpenPCR is unplugged from the computer.
				<br />Plug in your OpenPCR to get updated information on your run.
				<br />
				</div>
	<div id="homeButton"><a id="Home" class="button homeRunning">Home</a></div>
			<!-- stop-dialog -->
			<div id="stop_dialog" title="Stop">
				Stop PCR?<br />
			</div>
			<!-- about-dialog -->
			<div id="about_dialog" title="About OpenPCR">
				Version 1.0.2<br />
				OpenPCR App<br />
				http://openpcr.org<br />
				email us: support@openpcr.org
			</div>
			
			<!-- settings-dialog -->
			<div id="settings_dialog" title="Set Screen Contrast">
				Drag the slider to adjust the screen's contrast.<br /><br />
				<div id="contrast_slider"></div>
			</div>	
			
			</div>
		</div>
	<!-- END PANEL 3 -->
</div>

<div id="starting" title="Starting">
				Ready. Steady. Go!<br />
			</div>

<script type="text/javascript">
var sp2 = new Spry.Widget.SlidingPanels('example2');
</script>
<p>&nbsp;</p>


</body>
</html>